<!DOCTYPE html>
<html lang="en">
<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <link rel="stylesheet" href="../plugins/elementui/index.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <meta charset="UTF-8">
    <title>精彩之旅 即刻开始</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../plugins/elementui/index.css">
    <!-- 引入组件库 -->
    <script src="../js/vue.js"></script>
    <script src="../plugins/elementui/index.js"></script>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script src="../js/axios-0.18.0.js"></script>


</head>
<body style="background-image: url('SynchronousFireflies_ZH-CN6323931412_1920x1080.jpg')" class="picture">
<!--<body style="background-image: url('RedSailboat_ZH-CN2386102503_1920x1080.jpg')">
<body style="background-image: url('SeaFireflies_ZH-CN5748822339_1920x1080.jpg')">-->


<!-- 走马灯效果 -->
<script type="text/javascript" src="/dede/lightbox2.02/js/prototype.js"></script>
<script type="text/javascript" src="/dede/lightbox2.02/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="/dede/lightbox2.02/js/lightbox.js"></script>
<link rel="stylesheet" href="/dede/lightbox2.02/css/lightbox.css" type="text/css" media="screen"/>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div>

    <div id="demo" style="overflow:hidden;height:528px;width:630px;color:#ffffff;margin-left: 35%">

        <table border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0">
            <tr>
                <td height="85" valign="top" id="demo1">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>

                            <td><a href="#"><img
                                    src="http://qiuo4nrcv.hn-bkt.clouddn.com/202011141317110769%E5%86%AC%E9%85%B1QwQ.jpg"
                                    width="528" height="528" border="0"></a></td>
                            <td><a href="#"><img
                                    src="http://qiuo4nrcv.hn-bkt.clouddn.com/202011141317050263%E5%86%AC%E9%85%B1QwQ.jpg"
                                    width="528" height="528" border="0"></a></td>


                            <td><a href="#"><img
                                    src="http://qiuo4nrcv.hn-bkt.clouddn.com/202011141317250738%E5%86%AC%E9%85%B1QwQ.jpg"
                                    width="528" height="528" border="0"></a></td>
                            <td><a href="#"><img
                                    src="http://qiuo4nrcv.hn-bkt.clouddn.com/202011141317370470%E5%86%AC%E9%85%B1QwQ.jpg"
                                    width="528" height="528" border="0"></a></td>
                            <td><a href="#"><img
                                    src="http://qiuo4nrcv.hn-bkt.clouddn.com/202011141317190930%E5%86%AC%E9%85%B1QwQ.jpg"
                                    width="528" height="528" border="0"></a></td>


                            <td><a href="#"><img
                                    src="http://qiuo4nrcv.hn-bkt.clouddn.com/202011141316560489%E5%86%AC%E9%85%B1QwQ.jpg"
                                    width="528" height="528" border="0"></a></td>
                            <td><a href="#"><img
                                    src="http://qiuo4nrcv.hn-bkt.clouddn.com/202011141316400792%E5%86%AC%E9%85%B1QwQ.jpg"
                                    width="528" height="528" border="0"></a></td>
                            <td><a href="#"><img
                                    src="http://qiuo4nrcv.hn-bkt.clouddn.com/202011141316290294%E5%86%AC%E9%85%B1QwQ.jpg"
                                    width="528" height="528" border="0"></a></td>
                        </tr>
                    </table>
                </td>

                <td id="demo2" valign="top"></td>


            </tr>
        </table>

    </div>
</div>
<div style="margin-left: 40%">
    <br>

</div>

</div>
<div id="test" style="margin-left: 45%">

    <el-button type="primary" onclick=taobao() icon="el-icon-sell">即刻了解新西兰13日自驾之旅</el-button>
    <br>
    <br>
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <el-button type="success" onclick="Earth()" icon="el-icon-position">开始探索星空地球</el-button>


    <br>
</div>
<script type="text/javascript">
    let vue = new Vue({
        el: "#test",
        data: {}


    })


</script>

<script>
    function taobao() {
        location.href = "https://traveldetail.fliggy.com/item.htm?spm=a220m.1000858.1000725.25.c0c919c5HahYED&id=610258317809&skuId=4611686628685705713&user_id=3791013801&cat_id=2&is_b=1&rn=8e0081c86b05111bb7cdbc744761ec55";
    }

    function Earth() {
        window.location.href = "Earth.html"
    }

    var speed = 10
    demo2.innerHTML = demo1.innerHTML

    function Marquee() {
        if (demo2.offsetWidth - demo.scrollLeft <= 0)
            demo.scrollLeft -= demo1.offsetWidth
        else {
            demo.scrollLeft++
        }
    }

    var MyMar = setInterval(Marquee, speed)
    demo.οnmοuseοver = function () {
        clearInterval(MyMar);
    }
    demo.οnmοuseοut = function () {
        MyMar = setInterval(Marquee, speed);
    }

</script>
<!-- end 走马灯效果 -->

</body>
</html>


<!--
<!DOCTYPE html>
<html lang="en">
<head>
    &lt;!&ndash; 引入样式 &ndash;&gt;
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    &lt;!&ndash; 引入组件库 &ndash;&gt;
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <meta charset="UTF-8">
    <title>精彩之旅 即刻开始</title>


</head>
<body style="background-image: url('../img/test.jpg');">


&lt;!&ndash; 走马灯效果 &ndash;&gt;
<div id="demo" style="overflow:hidden;height: 328px;width: 573px;color:#ffffff">
    <table border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0">
        <tr>
            <td height="85" valign="top" id="demo1">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><a href="#"><img
                                src="http://qiuo4nrcv.hn-bkt.clouddn.com/202011131953200768%E5%86%AC%E9%85%B1QwQ.jpg"
                                width="328" height="328" border="0"></a></td>
                        <td><a href="#"><img
                                src="http://qiuo4nrcv.hn-bkt.clouddn.com/202011131953070657%E5%86%AC%E9%85%B1QwQ.jpg"
                                width="328" height="328" border="0"></a></td>

                    </tr>
                </table>
            </td>
            <td id="demo2" valign="top"></td>
        </tr>
    </table>
</div>
</body>
<script>
    var speed = 30
    demo2.innerHTML = demo1.innerHTML

    function Marquee() {
        if (demo2.offsetWidth - demo.scrollLeft <= 0)
            demo.scrollLeft -= demo1.offsetWidth
        else {
            demo.scrollLeft++
        }
    }

    var MyMar = setInterval(Marquee, speed)
    demo.οnmοuseοver = function () {
        clearInterval(MyMar);
    }
    demo.οnmοuseοut = function () {
        MyMar = setInterval(Marquee, speed);
    }

    function bigger() {
        img.style.width = '400px';
        img.style.height = '400px';
    }

    function smaller() {
        img.style.width = '100px';
        img.style.height = '100px';
    }

</script>
</html>-->
